{template 'header'}
<link rel="stylesheet" type="text/css" href="./themes/mobile/style55/css/common.css" media="all" />
<link rel="stylesheet" type="text/css" href="./themes/mobile/style55/css/home-21.css" media="all" />
<script type="text/javascript" src="./themes/mobile/style55/js/jQuery.js"></script>
<script type="text/javascript" src="./themes/mobile/style55/js/swipe.js"></script>
<script type="text/javascript" src="./themes/mobile/style55/js/zepto.js"></script>
<script type="text/javascript" src="./themes/mobile/style55/js/audio.js"></script>

<!-- 幻灯片 -->
{php include_once IA_ROOT . '/source/modules/site/model.php'}
{php $slide = site_article_search('', 'f');}
<style>
.box_swipe {
  overflow: hidden;
  position: relative;
}
.box_swipe ul {
  overflow: hidden;
  position: relative;
}
.box_swipe ul > li {
  float:left;
  width:100%;
  position: relative;
}
.box_swipe>ol{
	height:20px;
	position: relative;
	z-index:10;
	margin-top:-25px;
	text-align:right;
	padding-right:15px;
	background-color:rgba(0,0,0,0.3);
}
.box_swipe>ol>li{
	display:inline-block;
	margin:5px 0;
	width:8px;
	height:8px;
	background-color:#757575;
	border-radius: 8px;
}
.box_swipe>ol>li.on{
	background-color:#ffffff;
}


body{
font:{$_W['styles']['fontsize']} {$_W['styles']['fontfamily']};
color:{$_W['styles']['fontcolor']};
padding:0;
margin:0;
background-image:url('{if empty($_W['styles']['indexbgimg'])}./themes/mobile/style55/images/v22_2.png{else}{$_W['styles']['indexbgimg']}{/if}');
background-size:cover;
background-color:{if empty($_W['styles']['indexbgcolor'])}#fbf5df{else}{$_W['styles']['indexbgcolor']}{/if};
{$_W['styles']['indexbgextra']}
}
</style>
<body onselectstart="return true;" ondragstart="return false;">

<div id="banner_box" class="box_swipe">
	<ul>
	{loop $slide['list'] $v}
		<li>
			<a href="{php echo create_url('mobile/channel', array('name' => 'detail', 'id' => $v['id'], 'weid' => $_W['weid']))}">
				<img src="{$_W['attachurl']}{$v['thumb']}" alt="{$v['title']}" style="width:100%;" />
			</a>
		</li>
	{/loop}
	</ul>
	<ol>
	{php $slideNum = 1;}
	{loop $slide['list'] $vv}
		<li{if $slideNum == 1} class="on"{/if}></li>
		{php $slideNum++;}
	{/loop}
	</ol>
</div>
<script>
$(function() {
	new Swipe($('#banner_box')[0], {
		speed:500,
		auto:3000,
		callback: function(){
			var lis = $(this.element).next("ol").children();
			lis.removeClass("on").eq(this.index).addClass("on");
		}
	});
});
</script>
        </section>

    	<div class="head_pic_cirrus">

		<img src="./themes/mobile/style55/images/v22_1.png" />

	</div>
	                 <section>
            <ul class="list_font">
{loop $navs $nav}
	     <li><a href="{$nav['url']}" >                 
			   <div>{if !empty($nav['icon'])}
		<i style="background:url({$_W['attachurl']}{$nav['icon']}) no-repeat;background-size:cover;" class=""></i>
		{else}
		<i class="{$nav['css']['icon']['icon']}" style="{$nav['css']['icon']['style']}"></i>
		{/if}</div>
				 <div>
				 <p>{$nav['name']}</p>
				 </div>  
                        </a>
                    </li>{/loop}
                            </ul>
        </section>
    </div>
<script>
    $(function(){
        new Swipe(document.getElementById('banner_box'), {
            speed:500,
            auto:3000,
            callback: function(){
                var lis = $(this.element).next("ol").children();
                lis.removeClass("on").eq(this.index).addClass("on");
            }
        });
    });
</script>  						
<link rel="stylesheet" type="text/css" href="./themes/mobile/style55/css/home-menu-3.css" media="all" />
				<div class="top_bar footer_bar">
		</div>	 
			
{template 'footer'}
				</div>			
		    </body>
</html>